<template>
  <div class="good-list" >
      <goodsListItem v-for="item in goods" :key="item.iid" :goodsItem="item"></goodsListItem>
  </div>
</template>

<script>
import goodsListItem from '../goods/GoodsListItem.vue'
import infiniteScroll from "vue-infinite-scroll"
export default {
name:"Goodlist",
directives: {infiniteScroll},
data() {
    return {
       goods:{
        type:Array,
        default(){
            return [];
        }
    },
    busy:false, 
    }
},
props:{
    goods:{
        type:Array,
        default(){
            return [];
        }
    }
},
methods: {
    
},
components: { 
    goodsListItem,
     },
}
</script>

<style>
.good-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>